Walkthrough

The pull request redesigns two changelog views and one about page. The about page content is rewritten with a more concise narrative. The changelog detail view transitions to a split-view layout with a sidebar for version pagination and semantic version grouping. The changelog index page adds semantic version-based grouping with a grid-based card layout. The changelog loader data is expanded to include allChangelogs.

Changes

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant ChangelogDetailView
    participant ChangelogSidebar
    participant ChangelogContent
    participant Paginator
    participant VersionGrouper

    User->>ChangelogDetailView: Load changelog detail page
    ChangelogDetailView->>VersionGrouper: Group allChangelogs by semantic version
    VersionGrouper-->>ChangelogDetailView: Return versioned groups
    ChangelogDetailView->>ChangelogSidebar: Initialize with groups (page 1)
    ChangelogDetailView->>ChangelogContent: Render current changelog with version info
    ChangelogContent-->>User: Display version, badges, diff button
    
    User->>Paginator: Click next/previous page
    Paginator->>ChangelogSidebar: Update visible version groups
    ChangelogSidebar-->>User: Show next/previous versions
    
    User->>ChangelogSidebar: Select different version
    ChangelogSidebar->>ChangelogContent: Switch content to selected version
    ChangelogContent-->>User: Render selected version details

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~50 minutes

• Primary complexity driver: Changelog detail view ($slug.tsx) introduces multiple new internal UI components, pagination logic with semantic version grouping, and expanded loader data shape requiring careful validation of data flow and state management.
• Secondary complexity: Semantic version grouping utility appears in both changelog files with slightly different implementations; review must ensure consistency and correctness of version parsing/sorting logic.
• Areas requiring extra attention:
  • Pagination logic in ChangelogSidebar: verify ITEMS_PER_PAGE grouping and total page calculation
  • Semantic version parsing and sorting in grouping utilities: ensure semver ordering is correct across both files
  • Loader data expansion in $slug.tsx: confirm allChangelogs is properly fetched and passed through to components
  • Split-view resizable layout: verify layout calculations and responsive behavior
  • Version badge rendering and diff URL handling in ChangelogContent

Possibly related PRs

• PR #1725: Changelog UI refactor and loader/data shape changes directly overlap with semantic version grouping, allChangelogs data structure, and new changelog components introduced in this PR.
• PR #1718: Related through changelog version handling and semver parsing; prior changes to version label/URL construction may conflict with or inform the new semantic version grouping logic.

Suggested reviewers

• yujonglee

• 📝 Generate docstrings

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro